<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			ul{
				padding: 0;
				margin: 0;
			}
			#header{
				width: 200px;
				background-color: red;
				position: relative;
				display: flex;
			}
			input{
				height: 50px;
			}
			img{
				width: 20px;
				height: 20px;
				top: 2px;
			}
			ul li{
				list-style: none;
				width: 10%;
			}
			#nav ul{
				height: 40px;
				background-color: #008000;
				display: flex;
			}
		</style>
	</head>
	<body>
		<div id="header">
				<span><img src="Desert.jpg" ></span>
				<input type="text"/>
		</div>
		
		<div id="nav">
			<ul>
				<li><a href="" title="">1</a></li>
				<li><a href="" title="">2</a></li>
				<li><a href="" title="">3</a></li>
				<li><a href="" title="">4</a></li>
				<li><a href="" title="">5</a></li>
				<li><a href="" title="">6</a></li>
				<li><a href="" title="">7</a></li>
				<li><a href="" title="">8</a></li>
				<li><a href="" title="">9</a></li>
				<li><a href="" title="">10</a></li>
			</ul>
		</div>
	</body>
</html>
